<template>
  <div>
   
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },

  methods: {
  },
}
</script>

<style scoped>
.box-card {
    margin-bottom: 20px;
}

.info-section {
    margin: 10px;
}

.info-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.info-item {
    flex-basis: calc(33% - 10px);
    /* 减去margin-left的间距 */
    margin: 0 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* 垂直对齐 */
}

.info-item span {
    margin-left: 10px;
    width: 180px;
    /* 确保宽度一致 */
}



.total-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    font-weight: bold;
}

.total-info div {
    margin-left: 20px;
}

.section-title {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background-color: #13d941;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.custom-card {
    background-color: #D3DCE6;
    /* 你想要设置的底色 */
}

.button-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.fixed-buttons-horizontal {
    position: fixed;
    bottom: 20px;
    /* 根据需要调整距离底部的距离 */
    right: 20px;
    /* 根据需要调整距离右侧的距离 */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* background-color: #f5f5f5; 容器的背景颜色 */
    /* padding: 10px; /* 内边距 */
    /* border-radius: 5px; 边框圆角 */
    /* box-shadow: 0 2px 5px rgba(0,0,0,0.2); 阴影效果 */
    z-index: 1000;
    /* 确保按钮位于最上层 */
}
</style>